<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .u-circle{
            position: absolute;
            width: 200px;
            height: 200px;
            background-color: #63B4FB;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <span class="u-circle" style="top: 30px;left: 30px;"></span>
    <span class="u-circle" style="width:100px;height: 100px;top: 250px;left: 250px;"></span>
    <span class="u-circle" style="width: 50px;height: 50px;top: 400px;left: 400px;"></span>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script src="./js/Animate.js"></script>
    <script src="../jquery.flotage.js"></script>

    <script>
    $(".u-circle").flotage({
        // min_x: -10,
        // min_y: -10,
        // max_x:  10,
        // max_y:  10
    });
    </script>
</body>
</html>
